<template>
	<div>
		<div ref="active" :class="data.active?'no-active active':'no-active'" v-if="data.changeStatus">
			<div class="compon-title">{{data.title}}</div>
			<van-cell-group>
			  <van-field v-if="!data.getPerson" label="收货人" placeholder="请输入收货人姓名" disabled />
			  <van-field label="联系电话" placeholder="请输入联系电话" disabled />
			  <van-field v-if="data.getCode" label="验证码" placeholder="请输入验证码" disabled>
				<template #button>
			      <van-button size="small" type="primary">发送验证码</van-button>
			    </template>
			  </van-field>
			  <van-field label="所在地区" placeholder="请选择区县" is-link disabled />
			  <van-field label="详细地址" placeholder="街道/镇+村/小区/写字楼+门牌号" disabled />
			</van-cell-group>
		</div>
		<div ref="active" :class="data.active?'no-active active':'no-active'" v-else>
			<div class="compon-title" style="background: #bdbdbd;">{{data.title}}</div>
		</div>
	</div>
</template>

<script>
	export default{
		props:{
			data: {
				type: Object,
				default () {
					return {}
				}
				
			}
		}
	}
</script>

<style>
	/* .no-active{margin-bottom: 20px;}
	.active{outline: 1px dashed #40fdff} */
</style>
